<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>固定块</legend>
</fieldset>

<p>囖，就页面右下角的那个。</p>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>槽点</legend>
</fieldset>

工具块是一系列工具集合，虽然目前只有一个固定块，但后续版本它会持续增加一些有意思的东西。
<br>为了避免你对 <em style="color: #999;">工具块</em> 的失望，我们特别为你准备了下面一张图片来压压惊，点击它就可以看到哇！

<div class="site-demo-util">
    <img src="http://file.ynet.com/2/1603/09/10995825.jpg">
    <span class="layui-anim" id="LAY_demo1"></span>
</div>

<script>
    layui.use(['util', 'layer'], function(){
        var util = layui.util, layer = layui.layer;
        var $ = layui.jquery;
        //固定块
        util.fixbar({
            bar1: true
            ,bar2: true
            //,css: {right: 100, bottom: 100}
            ,bgcolor: '#393D49'
            ,click: function(type){
                if(type === 'bar1'){
                    layer.msg('icon是可以随便换的')
                } else if(type === 'bar2') {
                    layer.msg('两个bar都可以设定是否开启')
                }
            }
        });


        $('#LAY_demo1').on('click', function(){
            var othis = $(this);
            othis.addClass('site-demo-fengjie');
            setTimeout(function(){
                othis.remove();
                layer.msg('最近发现凤姐挺美的');
            }, 5*1000);
        });

    });
</script>